/*
	DISCOVERY THEME
	Version 2.0
	juin 21, 2012
*/

/*RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*FONTS*/
@font-face {
    font-family: 'Bebas';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.otf') format('truetype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*CMS GENERIC*/
.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}

.align-center {
	text-align:center;
}

.pointer {
	cursor:pointer;
}
	
#tooltip {
	position:absolute;
	z-index:1;
}

u {
	text-decoration: none;
}

/*GENERAL CSS*/
body {
	background: #fff;
	color: #000;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
}
a {
	color: #5f88ec;
	text-decoration: underline;
}
a:hover {
	color: #1B3171;
}

.clear {
	display: block;
	height: 0;
	clear: both;
}

.wrapper {
	width: 80%;
	min-width: 960px;
	margin: 0 auto;
	position: relative;
}







/*TOP HEADER*/
#top {
	background: #1b3171;
	overflow: visible;
	height: 50px;
}

#top .logo {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	height: 90px;
	width: 63px;
	position: absolute;
	top: -30px;
	left: 0;
	background: url(images/sprites.png) 0 0 no-repeat;
	z-index: 99;
}

#top  .logo .aiguille {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -31px;
	height: 60px;
	width: 63px;
	background: url(images/sprites.png) 0 -90px no-repeat;
}

#top .blogTitle {
	display: block;
	float: left;
	padding-left: 70px;
	font-size: 38px;
	line-height: 52px;
	font-family: 'Bebas';
	color: #5f88ec;
}

#top .blogTitle a {
	text-decoration: none;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#top .blogTitle a strong,
#top .blogTitle a:hover {
	color: #fff;
}

#top .blogTitle a:hover strong {
	color: #ccc;
}

#top .blogTitle li {
	display: block;
	position: relative;
	float: left;
	padding: 0 5px;
}

#top .blogTitle li ul {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 300px;
	background: #102258;
	padding: 5px 5px 0 5px;
	z-index: 99;
	border: 1px solid #1B3171;
	border-top: none;
}

#top .blogTitle li ul li {
	display: block;
	width: 290px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #213B86;
}

#top .blogTitle li ul li:first-child {
	border-top: none;
}

#top .blogTitle li ul li:last-child {
	border-bottom: none;
}

#top #ident {	
	float: right;
	text-align: right;
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding-right: 30px;
}

#top .socialIcons {
	float: right;
	overflow: hidden;
	height: 39px;
	padding: 9px 12px 0 12px;
	background: #102258;
	border-left: 1px solid #213b86;
	border-right: 1px solid #213b86;
}

#top .socialIcons a {
	display: block;
	float: left;
	height: 30px;
	width: 31px;
	margin-right: 5px;
	text-indent: -999em;
	overflow: hidden;
	background: red;
}

#top .socialIcons .armory {
	background: url(images/sprites.png) -100px 0 no-repeat;
}
#top .socialIcons .armory:hover {
	background: url(images/sprites.png) -100px -30px no-repeat;
}

#top .socialIcons .facebook {
	background: url(images/sprites.png) -131px 0 no-repeat;
}
#top .socialIcons .facebook:hover {
	background: url(images/sprites.png) -131px -30px no-repeat;
}

#top .socialIcons .twitter {
	background: url(images/sprites.png) -162px 0 no-repeat;
}
#top .socialIcons .twitter:hover {
	background: url(images/sprites.png) -162px -30px no-repeat;
}






/*HEADER*/
#header {
	height: 245px;
	width: 80%;
	min-width: 960px;
	padding-top: 40px;
	margin: 0 auto;
	position: relative;
}

#header #menu {
	/*
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 225px;
	*/
	float: left;
	width: 20%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

#header #menu a {
	display: block;
	font-family: 'Bebas';
	font-size: 36px;
	line-height: 36px;
	color: #666;
	text-decoration: none;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#header #menu a:hover,
#header #menu a.selected {
	color: #000;
}

#header .headerBanner {
	float: right;
	width: 78%;
	height: 205px;
	overflow: hidden;
	position: relative;
}

#header .headerBanner img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;
}

#ident a:hover {
	color: #fff;
}









/*CONTENT*/
#layoutClientSide #content {
	width: 80%;
	min-width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 0;
	clear: both;
}

#layoutClientSide #content .contentp {
	width: 100%;
}

#layoutClientSide #content .newsContent {
	width: 56%;
	/*min-width: 470px;*/
	padding: 0 2%;
	float: left;
}

#layoutClientSide #content .page_title,
#layoutClientSide #content h2 {
	font-family: 'Bebas';
	font-size: 30px;
	border-bottom: 1px solid #ccc;
	color: #1b3171;
}

#layoutClientSide #content .sub_page_title {
	font-family: 'Bebas';
	font-size: 20px;
	color: #1b3171;
	padding-top: 15px;
}

#layoutClientSide #content .newsContent .page_title .flagTotalNews {
	display: block;
	float: left;
	height: 60px;
	width: 37px;
	background: url(images/sprites.png) -63px 0 no-repeat;
	text-align: center;
	line-height: 45px;
	font-family: 'Bebas';
	color: #fff;
	font-size: 22px;
	margin-right: 10px;
}

#layoutClientSide #content .news_main {
	padding: 20px 0;
	margin-bottom: 15px;
	color: #666;
	border-bottom: 1px solid #ccc;
}

#layoutClientSide #content .news_main .news_titre {
	font-family: 'Bebas';
	font-size: 30px;
	color: #1b3171;
}

#layoutClientSide #content .news_main .news_texte {
	color: #000;
	padding-top: 20px;
	font-size: 12px;
	line-height: 15px;
}

#layoutClientSide #content .news_main .news_texte p {
	color: #666;
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 18px;
}


#layoutClientSide #content .barres_laterales_gauche,
#layoutClientSide #content .barres_laterales_droite {
	width: 20%;
/*	min-width: 225px;*/
}

#layoutClientSide #content .barres_laterales_gauche_content,
#layoutClientSide #content .barres_laterales_droite_content {
	background: #eee;
	color: #666;
	padding: 15px 10px;
	margin-bottom: 30px;
}

#layoutClientSide #content .barres_laterales_gauche_content b,
#layoutClientSide #content .barres_laterales_droite_content b {
	font-weight: bold;
	color: #3f67c9;
	font-size: 14px;
}

#layoutClientSide #content .barres_laterales_gauche_titre,
#layoutClientSide #content .barres_laterales_droite_titre {
	font-family: 'Bebas';
	font-size: 20px;
	color: #1b3171;
	padding-bottom: 10px;
}

#layoutClientSide #content .guildRanking table {
	width: 100%;
	background: #000;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
}

#layoutClientSide #content .news_pages {
	background: #eee;
	padding: 10px;
	margin-top: 20px;
	font-family: 'Bebas';
	font-size: 18px;
	color: #666;
	text-align: center;
}

#layoutClientSide #content .news_pages .news_pagesContent {
	margin: 0 auto;
}

#layoutClientSide #content .news_pages .currentPage {
	color: #1b3171;
	padding: 0 5px;
}

#layoutClientSide #content .news_pages a {
	text-decoration: none;
	color: #666;
	padding-right: 5px;
}

#layoutClientSide #content .news_pages a:hover {
	text-decoration: underline;
	color: #5f88ec;
}


#layoutClientSide #content .recrutement table {
	width: 100%;
}

#layoutClientSide #content .recrutement table tr {
	width: 50%;
	float: left;
}


#layoutClientSide #content .recrutement table td {
	font-family: 'Bebas';
	font-size: 18px;
	padding-bottom: 5px;
	vertical-align: top;
	text-align: left;
}

#layoutClientSide #content .recrutement table td span {
	display: block;
	float: left;
	color: #1b3171 !important;
	padding-left: 5px;
	padding-top: 1px;
}

#layoutClientSide #content .recrutement a {
	display: block;
	background: #fff;
	text-decoration: none;
	font-family: 'Bebas';
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	color: #1b3171;
	margin-top: 20px;
}

#layoutClientSide #content .recrutement a:hover {
	background: #1b3171;
	color: #fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#layoutClientSide #content .barres_laterales_gauche_content.pve-progress .progressContainer,
#layoutClientSide #content .barres_laterales_droite_content.pve-progress .progressContainer {
	height: 20px;
	margin: 2px 0 5px 0;
	background: #ccc;
	overflow: hidden;
}

#layoutClientSide #content .barres_laterales_gauche_content.pve-progress .progress,
#layoutClientSide #content .barres_laterales_droite_content.pve-progress .progress {
	background: #1B3171;
	height: 20px;
	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}

#layoutClientSide #content .barres_laterales_gauche_content.pve-progress .progress.complete,
#layoutClientSide #content .barres_laterales_droite_content.pve-progress .progress.complete {
	background: #3F67C9;
}

/*
	ROSTER
*/

#layoutClientSide #content .rosterContainer {
	background: #fff;
	position: relative;
	z-index: 99;
	clear: both;
}

#layoutClientSide #content .rosterContainer h2 {
	clear: both;
	font-family: 'Bebas';
	font-size: 38px;
	color: #1b3171;
	padding-bottom: 10px;
}

#layoutClientSide #content .rosterNav {
	display: block;
	width: 97%;
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px 1%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

#layoutClientSide #content .rosterNav li {
	display: inline;
}

#layoutClientSide #content .rosterNav li a {
	display: block;
	float: left;
	width: 30%;
	margin-right: 1.45%;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #1B3171;
	background: #1B3171;
	font-family: 'Bebas';
	font-size: 20px;
	text-align: center;
	color: #fff;
	text-shadow: none;
	box-shadow: none;
}

#layoutClientSide #content .rosterNav li a.active {
	background: #ccc;
	color: #666;
	border: 1px solid #aaa;
	text-shadow: 0 1px 0 #ddd;
	box-shadow: inset 0 0 10px #aaa;
}

#layoutClientSide #content .rosterNav li a:hover {
	background: #5F88EC;
	color: #fff;
	text-shadow: 0 -1px 0 #1B3171;
	box-shadow: none;
}

#layoutClientSide #content .rosterNav li a.active:hover {
	background: #bbb;
	color: #444;
	border: 1px solid #aaa;
	text-shadow: 0 1px 0 #ddd;
	box-shadow: inset 0 0 10px #bbb;
}

#layoutClientSide #content .rosterNav li a.roster-staff {
	margin-right: 0;
	float: right;
}

#layoutClientSide #content .rosterContent {
	display: none;
	padding-top: 20px;
}

#layoutClientSide #content .rosterContent#roster {
	display: block;
}

#layoutClientSide #content .rosterContainer .roster_liste_classe {
	clear: both;
	margin: 5px 0 15px 0;
	padding: 10px;
	position: relative;
	padding-top: 10px;
	background: #eee;
	border: 1px solid #ccc;
	overflow: hidden;
}

#layoutClientSide #content .rosterContainer .roster_liste_classe_title {
	font-family: 'Bebas';
	font-size: 30px;
	color: #1b3171;
	padding: 5px 0 10px 50px;
	background-repeat: no-repeat;
	background-position: top left;
}

/*Guerrier*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_1 {
	background-image: url('../../images/classes/b1.gif');
	color: #C79C6E;
}
/*Paladin*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_2 {
	background-image: url('../../images/classes/b2.gif');
	color: #F58CBA;
}
/*Hunter*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_3 {
	color: #ABD473;
	background-image: url('../../images/classes/b3.gif');
}

/*Rogue*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_4 {
	color: #FCD569;
	background-image: url('../../images/classes/b4.gif');
}

/*Priest*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_5 {
	color: #CCC;
	background-image: url('../../images/classes/b5.gif');
}

/*DeathKnight*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_6 {
	color: #990000;
	background-image: url('../../images/classes/b6.gif');
}

/*Shaman*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_7 {
	color: #0070DE;
	background-image: url('../../images/classes/b7.gif');
}

/*Mage*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_8 {
	color: #69CCF0;
	background-image: url('../../images/classes/b8.gif');
}

/*Demo*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_9 {
	color: #9482C9;
	background-image: url('../../images/classes/b9.gif');
}

/*MONK*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_10 {
	color: #00FF96;
	background-image: url('../../images/classes/b10.gif');
}

/*DRUID*/
#layoutClientSide #content .rosterContainer .roster_liste_classe_title.roster_liste_classe_11 {
	color: #FF7D0A;
	background-image: url('../../images/classes/b11.gif');
}

#layoutClientSide .roster_liste_player {
	float: left;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
	color: #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin: 3px;
	padding: 5px;
}

#layoutClientSide .roster_liste_player:hover {
	color: #fff;
	background-color: #1D6B89;
	background-image: none;
}

#layoutClientSide .roster_liste_footer {
	clear: both;
	height: 1px;
}
#layoutClientSide .roster_liste_portrait {
	border: 1px solid #00ADE2;
	margin: 0 auto 5px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	width: 64px;
	height: 64px;
}






/*CALENDRIER - ROOSTER*/

#layoutClientSide a.backToCal {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #ccc;
	padding: 9px 10px;
	float: right;
	font-size: 12px;
}

#layoutClientSide a.backToCal:hover {
	background: #5F88EC;
}

#layoutClientSide .calendrier_raids_container {
	clear: both;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

#layoutClientSide .calendrier_raids_raid {
	float: left;
	width: 30%;
	padding: 20px 0;
	margin-right: -1px;
	border-right: 1px solid #ccc;
	background: #eee;
}

#layoutClientSide .calendrier_raids_raid_ico {
	float: left;
	height: 64px;
	width: 64px;
	margin-left: 10px;
	margin-right: 10px;
}

#layoutClientSide .calendrier_raids_compo_type {
	margin: auto;
	font-weight: bold;
	text-align: center;
	width: 100%;
	font-family: 'Bebas';
	font-size: 20px;
	color: #1B3171;
}

#layoutClientSide .calendrier_raids_compo_place {
	margin: 5px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

#layoutClientSide .calendrier_raids_player_plate {
	padding: 5% 2%;
	width: 96%;
	text-shadow: 0 0 10px #000;
	text-shadow: 0 0 10px rgba(0,0,0,0.40);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.20);
	overflow: hidden;
}

#layoutClientSide .calendrier_raids_player_plate .lisible {
	color: #1B3171;
	text-shadow: none;
}

#layoutClientSide .calendrier_raids_player_plate.compomultiple td {
	font-size: 12px;
}

#layoutClientSide .calendrier_raids_compo table {
	text-align: center;
	margin: auto;
	width: 100%;
}

#layoutClientSide .calendrier_raids_compo table td {
	padding: 10px 1%;
	width: 18%;
	font-family: sans-serif;
	font-size: 16px;
	color: #fff;
}

#layoutClientSide .calendrier_raids_compo {
	float: right;
	width: 68%;
	padding: 15px 0 15px 2%;
}

#layoutClientSide .calendrier_raids_lieu {
	font-family: 'Bebas';
	font-size: 30px;
	color: #1B3171;
}

#layoutClientSide .calendrier_raids_date {
	color: #666;
}

#layoutClientSide .calendrier_raids_description {
	display: block;
	clear: both;
	padding: 20px 10px;
	font-style: italic;
	color: #666;
}



/*CALENDRIER*/
#layoutClientSide #calendrier{
	margin: auto;
	position: relative;
	background: #fff;
	width: 100%;
}

#layoutClientSide #calendrier td {
	width: 14%;
	height: 68px;
}



#layoutClientSide #calendrier td.calendrier_jour_l {
	color: #1B3171;
	font-family: 'Bebas';
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	height: auto;
	padding: 20px 0;
}

#layoutClientSide #calendrier td .calendrier_jour_off{
	margin: 2px;
	height: 68px;
	padding: 2px;
	background: #eee;
	color: #ccc;
}

#layoutClientSide #calendrier td .calendrier_jour{
	margin: 2px;
	height: 68px;
	padding: 2px;
	background: #ddd;
	position: relative;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

#calendrier td .calendrier_jour:hover {
	background: #5F88EC;
}

#layoutClientSide .calendrier_jour_hover{
	background: #1D6B89;
}

#layoutClientSide .calendrier_jour_n{
	position: absolute;
	top: 56px;
	left: 56px;
	width: 12px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#layoutClientSide .calendrier_jour_n_shadow{
	position: absolute;
	color: #0F0F19;
}

#layoutClientSide .calendrier_jour img{
	border-width: 0px;
}

#layoutClientSide .calendrier_event_64{
	width: 64px;
	height: 64px;
	float: left;
	margin: 1px;
	cursor: pointer;
	border: 1px solid #021C35;
	-moz-border-radius: 3px;
}

#layoutClientSide .calendrier_event_30{
	width: 30px;
	height: 30px;
	float: left;
	margin: 1px;
	cursor: pointer;
	border: 1px solid #021C35;
	-moz-border-radius: 3px;
}

#layoutClientSide .calendrier_event_18{
	width: 18px;
	height: 18px;
	float: left;
	margin: 1px;
	cursor: pointer;
	border: 1px solid #021C35;
	-moz-border-radius: 3px;
}

#layoutClientSide .calendrier_mois {
	position: relative;
	text-align: center;
	background: #fff;
	color: #1B3171;
	padding: 20px;
	font-family: 'Bebas';
	font-size: 18px;
	border-bottom: 1px solid #eee;
}

#layoutClientSide .calendrier_mois .mois {
	font-size: 30px;
}

#layoutClientSide .calendrier_mois a {
	display: block;
	float: left;
	position: absolute;
	top: 18px;
	color: #fff;
	background: #ccc;
	text-decoration: none;
	line-height: 12px;
	padding: 12px 10px 10px 10px;
}

#layoutClientSide .calendrier_mois a:hover {
	background: #5F88EC;
}

#layoutClientSide .calendrier_mois a.prev {
	left: 0;
}


#layoutClientSide .calendrier_mois a.next {
	right: 0;
}








/*DISPOS*/

.dispoContainer {
	clear: both;
	overflow: hidden;
	padding-top: 10px;
}

.dispoContainer .dispos_liste_footer{
	clear: both;
	height: 1px;
}

.dispoContainer .dispos_liste_classe {
	display: none;
	position: relative;
	background: #fff;
	color: #444;
	overflow: hidden;
	clear: both;
	padding: 10px 0;
}

.dispoContainer .dispos_liste_classe .player-name td {
	padding: 5px;
	font-size: 13px;
	color: #666;
	vertical-align: middle;
}

.dispoContainer .dispos_liste_classe .player-name td a {
	color: #666;
	font-weight: bold;
}

.dispoContainer .dispos_liste_classe .player-name td a:hover {
	color: #5F88EC;
}

.dispoContainer .dispos_liste_classe_title{
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 5px;
	height: 35px;
	line-height: 35px;
	font-family: 'Bebas';
	font-size: 20px;
	padding-left: 45px;
}

.dispoContainer .dispos_liste_classe_title_shadow{
	position: absolute;
	color: #00ADE2;
}

.dispos_liste_classe_1{	background: url('../images/classes/b1.gif') 0 0 no-repeat; }
.dispos_liste_classe_2{	background: url('../images/classes/b2.gif') 0 0 no-repeat; }
.dispos_liste_classe_3{	background: url('../images/classes/b3.gif') 0 0 no-repeat; }
.dispos_liste_classe_4{	background: url('../images/classes/b4.gif') 0 0 no-repeat; }
.dispos_liste_classe_5{	background: url('../images/classes/b5.gif') 0 0 no-repeat; }
.dispos_liste_classe_6{	background: url('../images/classes/b6.gif') 0 0 no-repeat; }
.dispos_liste_classe_7{	background: url('../images/classes/b7.gif') 0 0 no-repeat; }
.dispos_liste_classe_8{	background: url('../images/classes/b8.gif') 0 0 no-repeat; }
.dispos_liste_classe_9{	background: url('../images/classes/b9.gif') 0 0 no-repeat; }
.dispos_liste_classe_10{	background: url('../images/classes/b10.gif') 0 0 no-repeat; }
.dispos_liste_classe_11{	background: url('../images/classes/b11.gif') 0 0 no-repeat; }

.dispoContainer .dispos_liste_classe select{
	width: 75px;
	font-size: 11px;
}

.dispoContainer .dispos_liste_classe .tr2{
	background-color: #eee;
}

.dispoContainer .week-select-activity,
.dispoContainer .week-activity {
	width: 75px;
}

.dispoContainer .week-activity {
	border: 1px solid #fff;
}

.dispoContainer .week-title {
	text-align: center;
}


.dispoContainer .headerTable td {
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
}

.dispoContainer .week-day {
	text-align: center;
	background: #eee;
	padding: 5px;
	color: #666;
}

.dispoSelector {
	display: block;
	width: 97%;
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px 1%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 20px;
}

.dispoSelector ul {
	margin-right: -5%;
	margin-bottom: -2%;
}

.dispoSelector li {
	display: inline;
}

.dispoSelector li a {
	display: block;
	float: left;
	width: 16%;
	margin-right: 1%;
	text-decoration: none;
	padding: 1%;
	border: 1px solid #1B3171;
	background: #1B3171;
	font-family: 'Bebas';
	font-size: 18px;
	text-align: center;
	color: #fff;
	text-shadow: none;
	box-shadow: none;
	margin-bottom: 5px;
}

.dispoSelector li a.active {
	background: #ccc;
	color: #666;
	border: 1px solid #aaa;
	text-shadow: 0 1px 0 #ddd;
	box-shadow: inset 0 0 10px #aaa;
}

.dispoSelector li a:hover {
	background: #5F88EC;
	color: #fff;
	text-shadow: 0 -1px 0 #1B3171;
	box-shadow: none;
}

.dispoSelector li a.active:hover {
	background: #bbb;
	color: #444;
	border: 1px solid #aaa;
	text-shadow: 0 1px 0 #ddd;
	box-shadow: inset 0 0 10px #bbb;
}



/*FOOTER*/
#layoutClientSide #footer {
	clear:both;
}


/*GUILD RANKING V2*/
.ranking_module{
	width: 100%;
	font-family: 'Bebas';
	font-size: 18px;
	color: #1B3171;
	padding-bottom: 10px;
}

.ranking_module_raid_size{
	text-align: center;
	padding: 10px;
	background-color: #1B3171;
	color: #FFFFFF;
	font-size: 22px;
}

.ranking_module_guildname{
	text-align: center;
	padding: 10px;
	font-size: 22px;
}

.ranking_module_guildserver{
	color: #5F88EC;
	font-size: 18px;
}

.ranking_module_extra{
}

.ranking_module_progress{
	color: #5F88EC;
	padding: 5px;
	font-size: 24px;
}

.ranking_module_sites{
	padding: 5px;
	float: left;
	width: 60%;
	font-size: 15px;
}

.ranking_module_lastkill{
	margin-left: 60%;
	text-align: center;
	vertical-align: middle;
	font-family: 'Arial', sans-serif;
	font-size: 10px;
	color: #5F88EC;
}

.ranking_module_lastkill img{
	border: 0;
	display: block;
}

.ranking_module_lastkill_bossname{
	font-family: Bebas;
}

.ranking_module_lastkill_bossname a{
	text-decoration: none;
}

.ranking_module_lastkill_date{
}

.ranking_module_site{
}

.ranking_module_site a{
	color: #1B3171;
	text-decoration: none;
}

.ranking_module_raid_span_25{
	color: #5F88EC;
}
